<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title> MAGNETO Admin Skin</title>
	[#include "/commons/defaultHead.ftl"/]
	<link rel="stylesheet" type="text/css" href="${cssDir}/jquery.autocomplete.css"/>
	<script type="text/javascript" src="${jsDir}/jquery.autocomplete.min.js"></script>
	<script type="text/javascript" src="${jsDir}/budgetcalc/branchcost.js"></script>
</head>
<body>
	
<div id="content">
<div class="column full">
		<div class="box width100 fl"> 
		<h2 class="box-header">分院成本(单位：元)</h2>
		<div class="box-content">
			<div class="search-box">
				报销人：<input class="form-field small" id="refundUserText" style="width: 120px" type="text" value="">
				<div class="search-box-button">
					<a id="searchA" class="button themed"><span class="icon_text pack_white _10"></span>搜索</a>
					<a id="resetA" class="button red"><span class="icon_text pack_white _5"></span>清空</a>
				</div> 
			</div>
			
			<div class="toolbar">
			<a id="addCostA" class="button white" href="javascript:void(0)"><span class="icon_text addnew"></span>新增报销</a>
			<a id="seeCostA" class="button white" href="#"><span class="icon_text pack _247"></span>查看详细</a>
			<a id="updateCostA" class="button white" href="javascript:void(0)"><span class="icon_text edit"></span>修改报销</a>
			<a id="submitCostA" class="button white" href="javascript:void(0)"><span class="icon_text save"></span>确认报销</a>
			<a id="cancelCostA" class="button white" href="#"><span class="icon_text cancel"></span>取消报销</a>
			<a id="delCostA" class="button white" href="#"><span class="icon_text pack _261"></span>删除报销</a>
			</div>
			
		<table id="msgDatagird" style="display: none"></table>
		</div>
		</div>
		
		<div class="box-content">
		<div id="addCostDialog" class="dialog" title="新增报销 (单位：元)">
				<form id="costForm" method="get" action="">
					
					<table class="width100">
					<tr>
					<td style="width:15%"><label class="form-label required"> 项目： </label></td>
					<td style="width:85%" colspan="3">
						<textarea id="projectId" class="form-field" style="width:92%;height: 50px;" name="projectId" cols="" rows=""></textarea>
					</td>
					</tr>
						
					<tr>
					<td style="width:15%"><label class="form-label"> 审核人： </label></td>
					<td colspan="3" style="width:85%">
						<select id="verifierSel" name="verifier" style="width:34%" class="" title="指定审核人">
							[#list verifyLst as verifier]
							<option name="${verifier.id}" value="${verifier.username}">${verifier.nickname}</option>
							[/#list]
						</select>
					</td>
					</tr>		
							
					<tr>
					<td>&nbsp;</td>
					<tr>
					
					<tr>
					<td style="width:15%"><label class="form-label"> 报销人： </label></td>
					<td style="width:35%"><input id="refundUser" class="form-field" name="refundUser" type="text" value="" maxlength="16"/></td>
					<td style="width:15%"><label class="form-label"> 报销时间： </label></td>
					<td style="width:35%"><input id="gmtRefund" name="gmtRefund" class="form-field datepicker" readonly="readonly"></td>					
					</tr>
					
					<tr>
					[#-- <td><label class="form-label"> 工资/奖金： </label></td> --]
					
					[#-- <td><input id="wageCost" class="form-field currency-type" name="wageCost" type="text" value="" maxlength="16"/></td> --]
					
					<td><label class="form-label"> 借人外委： </label></td>
				 	<td><input id="borrowCost" class="form-field currency-type" name="borrowCost" type="text" value="" maxlength="16"/></td>
					</tr>
					<tr>
					<td><label class="form-label"> 外业承包： </label></td>
					<td><input id="outsideCost" class="form-field currency-type" name="outsideCost" type="text" value="" maxlength="16"/></td>
					<td><label class="form-label"> 自主经营： </label></td>
				 	<td><input id="selfmanageCost" class="form-field currency-type" name="selfmanageCost" type="text" value="" maxlength="16"/></td>
					</tr>
					<tr>
					<td><label class="form-label"> 差旅/补助： </label></td>
					<td><input id="travelgrantCost" class="form-field currency-type" name="travelgrantCost" type="text" value="" maxlength="16"/></td>
					<td><label class="form-label"> 招待费用： </label></td>
				 	<td><input id="entertainCost" class="form-field currency-type" name="entertainCost" type="text" value="" maxlength="16"/></td>
					</tr>
					
					<tr>
					<td colspan="1" valign="top" >
						<label class="form-label"> 设备费用： </label>
					</td>		
					<td colspan="3">
						<input id="equCost" class="form-field currency-type" name="equCost" type="text" value="" maxlength="16"/>
					</td>
					</tr>
					
					<tr>
					<td colspan="1" valign="top" >
						<label class="form-label"> 其他费用： </label>
					</td>		
					<td colspan="3">
						<ul id="othercostField" >
							<li id="othercostLI1" style="display:">
								<select name="otherCost" class="" title="其他费用">
									[#list dictLst as dict]
									<option name="${dict.name}" value="${dict.id}">${dict.name}</option>
									[/#list]
								</select>
								<input size="15" class="form-field currency-type" name="otherCost"/>
								<a name="delOther" style="display:none" class="button white" ><span class="icon_text cancel"></span>删除</a>
							</li>
							<li id="addOtherCostLi">
							<a id="addOtherCost" class="button white" style="margin-left:20px;"> <span class="icon_text addnew"></span>添加</a>
							</li>
						</ul>	
					</td>
					</tr>
					
					</table>
					<hr/>
					<label class="form-label"> <font color="red">合计</font>：
											   <span id="totalCurrencySPAN"></span>
											   <font color="green">(元)</font> 
					</label>
					<br/>
					<div id="opearDIV" class="fr">
						<input id="resetBtn" class="button red" type="button" value="重置" name="reset" />
						<input id="submitBtn" class="button themed" type="button" value="确认提交" name="signup" />
					</div>
				</form>
				
				</div>
				
				<div id="dialog-confirm" title="取消审核">
					<p>
					<span  class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0; font-size:14px">
					</span>
					该操作将取消选定的预核算数据提交，确定这样做?!
					</p>
				</div>
		</div>
		
		<div class="clear"></div>
</div> 
</div> 
</body>
</html>